<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>在线巡更安全检测系统</title>

    <script type="text/javascript" src="js/jquery-1.4.2.js"></script>

    <script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jquery.min.js"></script>

    <script type="text/javascript">
        $(document).ready(function(){
            $("#nav li").hover(function(){
                $(this).find("ul").slideDown("slow");
            },function(){
                $(this).find("ul").slideUp("fast");
            });
        });
    </script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=fwCXmZGe3EtzYOGIwIOr6WQfgjQS0Yu1"></script>
    <!-- 加载鼠标绘制样式 -->
    <link rel="stylesheet" href="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.css">
    <link rel="stylesheet"  href="css/ok.css"/>
</head>
<script src="http://c.cnzz.com/core.php"></script>


</head>

<form id="gaopoint" style="display: none;" >
    <br>
    <div>
        &nbsp;&nbsp;&nbsp;经度;：
        <input id="ss3" name="taskLongitudeY" ></div>


    <div style="margin-top: 10px">

        &nbsp;&nbsp; 纬度;：
        <input id="ss4" name="taskLatitudeX" >
    </div>

    <p style="color: red;text-align: center;">风险点位信息： </p>
    <p style="text-align: center;">&nbsp;&nbsp;<textarea type="text" style="height: 300px;width: 400px;float: left; margin-left: 14px; font-size: 15px; "placeholder="请输入风险点位信息"  id="gao" name="taskInfo" ></textarea></p>
    <br>
    <br>
    <input type="button"  id="aaa" style="background-color: yellowgreen;width: 70px;height: 40px;margin-left: 200px; " onclick="point1()" value="确认"></input>
</form>

<form id="zhongpoint" style="display: none;" >
    <br>
    <div>
        &nbsp;&nbsp;&nbsp; 经度&nbsp;&nbsp;：
        <input id="ss5" name="taskLongitudeY" ></div>

    <div style="margin-top: 10px" >

        &nbsp;&nbsp;&nbsp;纬度&nbsp;&nbsp;：
        <input id="ss6" name="taskLatitudeX" >
    </div>

    <p style="color: red;text-align: center;">风险点位信息： </p>
    <p style="text-align: center;">&nbsp;&nbsp;<textarea type="text" style="height: 300px;width: 400px;float: left; margin-left: 14px; font-size: 15px; "placeholder="请输入风险点位信息"  id="zhong" name="taskInfo" ></textarea></p>
    <br>
    <br>
    <input type="button"  id="bbb" style="background-color: yellowgreen;width: 70px;height: 40px;margin-left: 200px; " onclick="point2()" value="确认"></input>
</form>

<form id="dipoint" style="display: none;" >
    <br>
    <div>
        &nbsp;&nbsp;&nbsp;经度&nbsp;&nbsp;：
        <input id="ss7" name="taskLongitudeY" ></div>

    <div>

        &nbsp;&nbsp;&nbsp;纬度&nbsp;&nbsp;：
        <input id="ss8" name="taskLatitudeX" >
    </div>

    <p style="color: red;text-align: center;">风险点位信息： </p>
    <p style="text-align: center;">&nbsp;&nbsp;<textarea type="text" style="height: 300px;width: 400px;float: left; margin-left: 14px; font-size: 15px; "placeholder="请输入风险点位信息"  id="di" name="taskInfo" ></textarea></p>
    <br>
    <br>
    <input type="button"  id="ccc" style="background-color: yellowgreen;width: 70px;height: 40px;margin-left: 200px; " onclick="point3()" value="确认"></input>
</form>
<style>
    #gaopoint ,#zhongpoint ,#dipoint{
        background-color: #f2f2f2;
        border-radius: 5px;
        padding: 20px;
        width: 500px;
        margin: auto;
    }

    #ss3, #ss4 ,#ss5,#ss6,#ss7,#ss8{
        height: 30px;
        width: 250px;
        font-size: 16px;
        padding: 5px;
        border-radius: 3px;
        border: none;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
        margin-left: 20px;
    }

    #gao ,#zhong,#di{
        font-size: 16px;
        padding: 5px;
        border-radius: 3px;
        border: none;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    }

    #aaa,#bbb,#ccc{
        cursor: pointer;
        color: white;
        border: none;
        border-radius: 3px;
        background-color: green;
        font-size: 16px;
        padding: 10px 20px;
        margin-top: 20px;
        margin-left: 200px;
    }
</style>
<form id="person" style="display: none;">

    <br>
    <p style="color: red;text-align: center;">请选择你要派遣的巡更人员:</p>
    <div id="contentss"></div>
    <input type="button"  style="background-color: yellowgreen;width: 100px;height: 40px;margin-left: 160px; text-align: center; font-weight: 800;" onclick="send()" value="发送巡更路线"></input>
</form>



<form id="choice" style="display: none;text-align: center;" >

    <div >

        <input type="button"  style="background-color: yellowgreen;width: 50px;height: 30px;margin-left: 5px; " onclick="init()" value="确认"></input>
        <input type="button"  style="background-color: yellowgreen;width: 50px;height: 30px;margin-left: 55px; "  value="取消"></input>


    </div>

</form>

<form id="planroute" style="display: none;text-align: center;">

    <input type="button"  style="background-color: yellowgreen;width: 50px;height: 30px;margin-left: 5px; " onclick="" value="确认"></input>
</form>



<form id="idea" style="display: none;">
    <br>
    <p style="color: red;text-align: center;">从起点到终点全程距离和时间： </p>
    <table  style="text-align: center;" cellspacing="0" cellpadding="0">


        <td><table style="text-align: center;"  cellspacing="0" cellpadding="0">
            <tr>
                <td width="50"> </td>
                <td width="19"><span style="padding-top: 2px;"></span></td>
                <td width="90" style="font-size: 12px;"> 出发城市 </td>
                <td>
                    <input name="farea" type="text" id="farea" size="10" /></td>
                <td width="26" align="center" style="font-size: 12px;"> 到 </td>
                <td width="110"><input name="tarea" type="text" id="tarea" size="10" />
                </td>
                <td><div onclick="times(); return false;" style="cursor: pointer; width:81px;">查询</div>


                </td>
            </tr>
        </table></td>
        </tr>
    </table>
    <div style="border: #cccccc 1px solid; text-align: center;">
        <div class="content_title" style="color:Red; background-image:url();border-bottom:solid 1px #ccc; height:30px; text-align:center; font-weight:bold; line-height:30px;" id="div_title">查询结果</div>
        <div id="div_gongli" style="color:#336600; font-weight:bold; padding-left:5px; line-height:35px; font-size:14px;"></div>
        <div id="results" style="font-size: 12px;">        </div>
    </div>

</form>





<body onload="inits()">

<form id="my_dialog" style="display: none;text-align: center;" >
    <br>
    <div>
        经度：<input id="ss1" name="taskLongitudeY" type="text"></div>

    <div>

         纬度&nbsp;&nbsp;：<input id="ss2" name="taskLatitudeX" type="text">
    </div>

    <p>任务名称&nbsp;：<input type="text" id="create_name1" name="taskName" placeholder="请输入任务名称" /></p>

    <p>任务地址：<input type="text" id="create_name2" name="taskAddress" placeholder="请输入任务地址" /></p>
    <p>任务信息：<textarea type="text" style="height: 110px; font-size: 15px; "placeholder="请输入任务信息"  id="create_name3" name="taskInfo" ></textarea></p>
    <p>打卡频次：<input type="text" id="create_name4" name="frequency" placeholder="请输入打卡频次" /></p>
    <p>点位类型：<select id="create_type2" >
        <option value ="任务点">任务点</option>
        <option value ="打卡点">打卡点</option>
        <option value ="其他">其他</option>
    </select>
    </p>

    <p>任务类型&nbsp;&nbsp;：<select id="create_type1" name="taskType" >
        <option value ="1" name="taskType">1</option>
        <option value ="2" name="taskType">2</option>
        <option value ="其他" name="taskType">其他</option>
    </select>
    <div >
        <input type="button"  style="background-color: yellowgreen;width: 50px;height: 30px;margin-left: 5px;text-align: center; " onclick="addpoint()" value="保存"></input>

    </div>
</form>
<style>
    #my_dialog {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 20px;
        padding: 20px;
        background-color: #f5f5f5;
        border-radius: 10px;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    }

    #my_dialog input[type="text"],
    #my_dialog select,
    #my_dialog textarea {
        width: 50%;
        max-width: 500px;
        padding: 10px;
        margin: 10px;
        border-radius: 10px;
        border: none;
        background-color: #ffffff;
        box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    }

    #my_dialog input[type="button"] {
        background-color: yellowgreen;
        width: 100px;
        height: 40px;
        margin-top: 20px;
        text-align: center;
        border-radius: 5px;
        border: none;
        color: #ffffff;
        font-weight: bold;
    }

    #my_dialog input[type="button"]:hover {
        background-color: #77b300;
    }

    #my_dialog p {
        margin: 10px;
    }

    #my_dialog label {
        margin-right: 10px;
        font-weight: bold;
    }


</style>


<form id="my_dialog2" style="display: none;text-align: center;" >
    <br>
    <div>
        <p>点位ID&nbsp;&nbsp;：<input type="text" id="taskid" name="taskId" readonly="readonly"></p>
        <p style="position: fixed; margin-left: 80px; ">经度&nbsp;&nbsp;：</p><br><input id="st1" name="taskLongitudeY" style="position: fixed;margin-left: -28px;"></div>
    <br>
    <div>

        <p style="position: fixed; margin-left: 80px;">纬度&nbsp;&nbsp;：</p><br><input id="st2" name="taskLatitudeX" style="position: fixed;margin-left: -28px;">
    </div>
    <br>
    <p>任务名称&nbsp;&nbsp;：<input type="text" id="create_name1" name="taskName" placeholder="请输入任务名称" /></p>

    <p>任务地址&nbsp;&nbsp;：<input type="text" id="create_name2" name="taskAddress" placeholder="请输入任务地址" /></p>
    <p>任务信息&nbsp;&nbsp;：<textarea type="text" style="height: 110px; font-size: 15px; "placeholder="请输入任务信息"  id="create_name3" name="taskInfo" ></textarea></p>
    <p>打卡频次&nbsp;&nbsp;：<input type="text" id="create_name4" name="frequency" placeholder="请输入打卡频次" /></p>
    <p>点位类型&nbsp;&nbsp;：<select id="create_type2" >
        <option value ="任务点">任务点</option>
        <option value ="打卡点">打卡点</option>
        <option value ="其他">其他</option>
    </select>
    </p>

    <p>任务类型&nbsp;&nbsp;：<select id="create_type1" name="taskType" >
        <option value ="1" name="taskType">1</option>
        <option value ="2" name="taskType">2</option>
        <option value ="其他" name="taskType">其他</option>
    </select>
    <div >
        <input type="button"  style="background-color: yellowgreen;width: 50px;height: 30px;margin-left: 5px;text-align: center; " onclick="changepoint()" value="修改"></input>



    </div>
</form>

<input id="hamburger" class="hamburger" type="checkbox" />
<label for="hamburger" class="hamburger">
    <i></i>
    <text>
        <close>关闭</close>
        <open>菜单</open>
    </text>
</label>


<nav class="primnav" style="z-index: 200;">
    <ul>
        <li>
            <a title="生成报表" id='baobiaototal' style="cursor: pointer">
                <svg t="1628323805910" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4537" width="200" height="200"><path d="M914.369536 16.868352 110.189568 16.868352c-28.992512 0-52.497408 23.5008-52.497408 52.497408l0 883.704832c0 28.992512 23.50592 52.497408 52.497408 52.497408l534.84032 0 172.776448 0 96.564224 0c28.992512 0 52.497408-23.50592 52.497408-52.497408L966.867968 69.36576C966.867968 40.368128 943.362048 16.868352 914.369536 16.868352zM356.176896 61.21472c9.500672-1.640448 19.033088 4.426752 20.922368 14.081024 0.198656 1.04448 6.438912 28.804096 34.126848 33.67936l181.513216-0.249856c24.574976-4.625408 30.821376-32.385024 31.066112-33.57696 2.04288-9.551872 11.493376-15.476736 21.019648-13.831168 9.577472 1.98656 15.822848 11.24352 13.959168 20.846592-0.422912 2.13504-10.897408 52.731904-62.936064 61.937664l-93.879296 0.249856-93.848576 0c-55.151616-9.455616-65.620992-60.05248-66.043904-62.18752C340.206592 72.45824 346.503168 63.105024 356.176896 61.21472zM759.968768 576.62464 161.37728 576.62464c-9.847808 0-17.835008-7.957504-17.835008-17.810432s7.988224-17.810432 17.835008-17.810432l598.591488 0c9.852928 0 17.835008 7.957504 17.835008 17.810432S769.821696 576.62464 759.968768 576.62464zM143.542272 444.19072c0-9.852928 7.988224-17.810432 17.835008-17.810432l399.069184 0c9.852928 0 17.835008 7.957504 17.835008 17.810432s-7.983104 17.810432-17.835008 17.810432L161.37728 462.001152C151.530496 462.001152 143.542272 454.043648 143.542272 444.19072zM759.968768 334.641152 161.37728 334.641152c-9.847808 0-17.835008-7.957504-17.835008-17.810432s7.988224-17.810432 17.835008-17.810432l598.591488 0c9.852928 0 17.835008 7.957504 17.835008 17.810432S769.821696 334.641152 759.968768 334.641152z" p-id="4538"></path></svg>生成报表
            </a>
            <ul class="secnav">
                <li>
                    <a title="按巡更人ID查询" class="t1" id="xungengid" style="cursor: pointer">巡更人ID报表</a>
                </li>
                <li>
                    <a title="按巡更人总数查询" class="t1" id='xungengsum' style="cursor: pointer">巡更总数报表</a>
                </li>
                <li>
                    <a title="按巡更人ID查询" class="t1" id='fengxianid' style="cursor: pointer"> 巡更ID报表</a>
                </li>
                <li>
                    <a title="按巡更时段查询" class="t1" id='fengxiantotal' style="cursor: pointer">巡更时段报表</a>
                </li>
            </ul>
        </li>
        <li>
            <a title="查看风险记录" href="#mail">
                <svg t="1628323330253" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4007" width="200" height="200"><path d="M934.966272 879.950848 709.541888 654.526464c47.665152-59.81696 76.166144-135.581696 76.166144-218.012672 0-193.36704-156.752896-350.124032-350.12096-350.124032S85.464064 243.145728 85.464064 436.513792s156.756992 350.124032 350.124032 350.124032c79.875072 0 153.486336-26.766336 212.39808-71.79264l226.04288 226.04288c8.416256 8.416256 19.441664 12.62592 30.470144 12.62592 11.025408 0 22.050816-4.209664 30.466048-12.62592C951.798784 924.055552 951.798784 896.782336 934.966272 879.950848zM165.953536 436.513792c0-148.912128 120.722432-269.630464 269.63456-269.630464S705.21856 287.60064 705.21856 436.513792 584.500224 706.148352 435.588096 706.148352 165.953536 585.42592 165.953536 436.513792z" p-id="4008"></path><path d="M291.135488 302.036992c-8.997888-4.864-20.23424-1.511424-25.097216 7.486464-20.256768 37.476352-32.600064 78.152704-36.688896 120.899584-0.973824 10.181632 6.491136 19.224576 16.672768 20.1984 0.59904 0.057344 1.195008 0.084992 1.784832 0.084992 9.433088 0 17.497088-7.175168 18.413568-16.75776 3.613696-37.7856 14.5152-73.72288 32.401408-106.814464C303.485952 318.138368 300.1344 306.900992 291.135488 302.036992z" p-id="4009"></path></svg> 查看风险记录

            </a>
            <ul class="secnav">
                <li>
                    <a title="按巡更人姓名查询" class="t1" href="#inbox" id="xungengrenyuanchaxun">按巡更人姓名查询</a>
                </li>
                <li>
                    <a title="按巡更时段查询" class="t1" href="#sent" id="shijianduan">按巡更时段查询</a>
                </li>
            </ul>
        </li>
        <li>
            <a title="个人中心" href="personindex.html">
                <svg t="1628323498359" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4140" width="200" height="200"><path d="M626.568192 981.999616l-23.379968 0-36.857856 0.283648L68.137984 982.283264l0-23.989248c0 0-10.815488-134.006784 186.535936-168.308736 0 0 150.230016-20.28032 160.748544-61.595648 0 0 5.732352-4.596736 1.502208-52.578304-9.017344-102.161408-75.86816-150.234112-102.909952-189.293568-27.041792-39.063552-29.293568-84.13184-29.293568-84.13184 0-11.264 4.716544-15.391744 12.560384-22.626304 9.696256-8.950784 6.786048-18.4576 4.934656-28.52864-7.04512-38.23616-7.666688-99.662848-0.970752-138.138624 1.502208-45.820928 43.56608-82.625536 43.56608-82.625536 7.892992-6.695936 15.803392-14.062592 21.343232-22.898688 1.547264-2.460672 2.970624-5.09952 3.8144-7.897088 3.16928-10.548224-7.560192-18.292736-5.407744-29.51168 1.942528-10.116096 19.280896-10.61376 29.766656-11.164672 23.614464-1.243136 47.347712-2.172928 70.925312-0.366592C641.71008 72.155136 699.725824 137.1136 699.725824 137.1136c13.73696 16.449536 22.787072 36.566016 28.23168 57.184256 1.630208 6.16448 3.028992 12.45696 3.785728 18.79552 5.501952 31.602688 5.481472 64.559104 3.770368 96.494592-0.815104 15.22688-2.584576 30.215168-4.819968 45.282304-1.17248 7.8848-0.571392 15.222784 4.70016 21.523456 4.4032 5.271552 9.44128 8.95488 11.60192 15.881216 1.011712 3.238912 1.275904 6.736896 1.275904 10.112 0 0-2.255872 45.068288-29.297664 84.13184-27.041792 39.059456-93.893632 87.13216-102.905856 189.293568-4.23424 47.981568 1.502208 52.578304 1.502208 52.578304 10.514432 41.314304 160.748544 61.595648 160.748544 61.595648 199.55712 37.010432 186.53184 168.308736 186.53184 168.308736l0 23.989248-131.3792 0 20.70016-0.283648L836.49536 982.00064l-36.64384 0L626.568192 982.00064 626.568192 981.999616z" p-id="4141"></path></svg> 个人中心

            </a>
        </li>
        <li>
            <a title="管理用户角色" href="#sysadmin">
                <svg t="1628323605013" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4405" width="200" height="200"><path d="M934.989824 798.204928 728.061952 591.27296c0 0-25.198592-21.021696-8.148992-47.665152 16.918528-40.154112 26.3424-84.230144 26.3424-130.541568 0-186.354688-151.068672-337.419264-337.424384-337.419264-32.124928 0-63.101952 4.70016-92.489728 13.186048-25.182208 8.679424-7.297024 26.976256-7.297024 26.976256L464.493568 271.2576c49.924096 49.92 49.924096 130.86208 0 180.786176l-15.066112 15.062016c-49.92 49.924096-130.86208 49.924096-180.786176 0L110.743552 309.209088c0 0-16.201728-13.57312-24.827904 6.810624-9.329664 30.738432-14.501888 63.26272-14.501888 97.045504 0 186.354688 151.064576 337.42848 337.419264 337.42848 50.5088 0 98.400256-11.140096 141.4144-31.04256 19.42528-10.06592 33.886208 6.510592 33.886208 6.510592l211.454976 211.64032c21.174272 21.178368 50.19136 29.737984 77.707264 25.67168 0 0 71.246848-6.39488 87.115776-85.777408C965.049344 849.519616 956.57472 819.785728 934.989824 798.204928z" p-id="4406"></path></svg> 管理用户角色
            </a>
            <ul class="secnav">
                <li>
                    <a title="用户信息" class="t1" href="#users" id="userinfo">用户信息</a>
                </li>
                <li>
                    <a title="发送即时消息" class="t1" href="login.html" >巡更人员登录通信</a>
                </li>
                <li>
                    <a title="经纬度转换器" class="t1" href="jingweidu.html">经纬度转换器</a>
                </li>
            </ul>
        </li>
    </ul>
</nav>

<user id="user">
    <section >
<!--        <svg t="1628323498359" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4140" width="200" height="200"><path d="M626.568192 981.999616l-23.379968 0-36.857856 0.283648L68.137984 982.283264l0-23.989248c0 0-10.815488-134.006784 186.535936-168.308736 0 0 150.230016-20.28032 160.748544-61.595648 0 0 5.732352-4.596736 1.502208-52.578304-9.017344-102.161408-75.86816-150.234112-102.909952-189.293568-27.041792-39.063552-29.293568-84.13184-29.293568-84.13184 0-11.264 4.716544-15.391744 12.560384-22.626304 9.696256-8.950784 6.786048-18.4576 4.934656-28.52864-7.04512-38.23616-7.666688-99.662848-0.970752-138.138624 1.502208-45.820928 43.56608-82.625536 43.56608-82.625536 7.892992-6.695936 15.803392-14.062592 21.343232-22.898688 1.547264-2.460672 2.970624-5.09952 3.8144-7.897088 3.16928-10.548224-7.560192-18.292736-5.407744-29.51168 1.942528-10.116096 19.280896-10.61376 29.766656-11.164672 23.614464-1.243136 47.347712-2.172928 70.925312-0.366592C641.71008 72.155136 699.725824 137.1136 699.725824 137.1136c13.73696 16.449536 22.787072 36.566016 28.23168 57.184256 1.630208 6.16448 3.028992 12.45696 3.785728 18.79552 5.501952 31.602688 5.481472 64.559104 3.770368 96.494592-0.815104 15.22688-2.584576 30.215168-4.819968 45.282304-1.17248 7.8848-0.571392 15.222784 4.70016 21.523456 4.4032 5.271552 9.44128 8.95488 11.60192 15.881216 1.011712 3.238912 1.275904 6.736896 1.275904 10.112 0 0-2.255872 45.068288-29.297664 84.13184-27.041792 39.059456-93.893632 87.13216-102.905856 189.293568-4.23424 47.981568 1.502208 52.578304 1.502208 52.578304 10.514432 41.314304 160.748544 61.595648 160.748544 61.595648 199.55712 37.010432 186.53184 168.308736 186.53184 168.308736l0 23.989248-131.3792 0 20.70016-0.283648L836.49536 982.00064l-36.64384 0L626.568192 982.00064 626.568192 981.999616z" p-id="4141"></path></svg>-->
        <img src="http://guoguo-01.oss-cn-hangzhou.aliyuncs.com/%E4%BA%8C%E4%B8%83%E5%A1%94.jpg">
        <section>
<!--            <name>欢迎登录:</name>-->
            <name>干的漂漂漂亮亮</name>
<!--            <actions><a href="#settings">欢迎登录</a>| <a href="#logout">退出登录</a></actions>-->
        </section>
    </section>
</user>

<content>
    <nav class="tabs" style="z-index: 500;" >
        <ul style="vertical-align: middle; margin-top: 14px;" id="nav">
            <li class="mainlevel" ><a class="tab" href="javascript:void(0)" style="font-weight: 800; " onclick="show()">



                任务点管理</a>

            </li>


            <li class="mainlevel"><a class="tab" href="#"style="font-weight: 800; ">管理巡更路线</a>
                <ul style="font-size: 15px;">
                    <li class="t2" style="width: 118px;"><a  onclick="planroute()" style="color: white; text-align: center;cursor: pointer;">路线规划</a></li>
                    <li class="t2" style="width: 118px;"><a  style="color: white; text-align: center;cursor: pointer;">实时轨迹</a></li></ul>
            </li>

            <li class="mainlevel"><a class="tab" href="#"style="font-weight: 800;" id="chakanxungeng">查看巡更记录</a>

            </li>

            <li class="mainlevel"><a class="tab" onclick="dangers()"  style="font-weight: 800;">风险点位标记</a>


        </ul>
    </nav>


    <div style="width: 100%; height:100%; font-size: 16px;">
        <!-- <iframe  src="xungeng.html"  name="main" width="100%" style="height: 100%" frameborder="0"></iframe> -->
        <div style="position: fixed; bottom: 0; height: 20vh;background: rgba(0,0,0,0);width: 100%;z-index: 10;display: flex;justify-content: center;align-items: center;opacity: inherit">
            <div class="tools"  style="width: 100%;height: 100%">
                <div class="btn-contrail" style="height: 100%;opacity: inherit;width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;">
          <span style="margin: 100px;display: none;" class="sd" id="xx" >
                  <button style="display: inline-block;margin: 50px" id="watch" type="button" class="layui-btn" data-model="0">查看任务点</button>
                <button style="display: inline-block;margin: 50px" id="watch"  type="button" class="layui-btn" data-model="1">标记任务点</button>
                <button style="display: inline-block;margin: 50px" id="watch" type="button" class="layui-btn" data-model="2">删除任务点</button>
                <button style="display: inline-block;margin: 50px" id="watch" type="button" class="layui-btn" data-model="3">画区域</button>
                <button style="display: inline-block;margin: 50px" id="watch" type="button" class="layui-btn" data-model="4">清除域</button>
                <button style="display: inline-block;margin: 50px" id="watch" type="button" class="layui-btn" data-model="5">计算任务点</button>


          </span>
                    <span style="display: none;" class="sd" id="controller" >

        <button style="display: inline-block;margin: 50px" class="pp"  type="button" id="play" onclick="play();" >播放</button>
        <button style="display: inline-block;margin: 50px" class="pp" type="button" id="pause" onclick="pause()">暂停</button>
        <button style="display: inline-block;margin: 50px" class="pp" type="button" id="reset" onclick="reset()">重置</button>
        <button style="display: inline-block;margin: 50px" class="pp" type="button" id="exit" onclick="exit()">退出</button>
        <input id="follow" type="checkbox" style="width: 20px;height: 20px;"><span style="font-size:30px;color: #030303;font-weight: 800;border-radius:black 2px;background-color: white;margin-top: 20px;"  >画面跟随</span></input>
      </span>

                    <span style="display: none;" class="sd" id="plarou" >
        <button style="display: inline-block;margin: 50px" class="pp"  type="button" id="choosepoint" onclick="choosepoint();" >选定点位</button>
        <button style="display: inline-block;margin: 50px" class="pp"  type="button" id="begins" onclick="begins()"  >模拟路线</button>
        <button style="display: inline-block;margin: 50px" class="layui-btn" data-model="6" type="button" id="cars" >驾车方式</button>
        <button style="display: inline-block;margin: 50px" class="layui-btn" data-model="7" type="button" id="run" >步行方式</button>
        <button style="display: inline-block;margin: 50px" class="layui-btn" data-model="8" type="button" id="ride" >骑行方式</button>
        <button style="display: inline-block;margin: 50px"  type="button" data-model="10" class="pp" id="time" onclick="time()">计算时间</button>
        <button style="display: inline-block;margin: 50px" class="pp" type="button" id="text" onclick="text()" >派遣人员</button>
        <button style="display: inline-block;margin: 50px" class="pp" type="button" id="exits" onclick="exits()">退出</button>



      </span>
                    </span>
                    <span style="display: none;" class="sd" id="choicepoint" >

<button style="display: inline-block;margin: 50px" class="layui-btn " data-model="9"  type="button" id="setpoint" >标记点位</button>


<button style="display: inline-block;margin: 50px" class="pp" type="button" id="backs" onclick="backs()">返回上一步</button>

</span>


                    <span style="display: none;" class="sd" id="danger" >

    <button style="display: inline-block;margin: 50px" class="layui-btn" data-model="11" type="button" id="high"  >高风险点位标记</button>
    <button style="display: inline-block;margin: 50px" class="layui-btn" data-model="12" type="button" id="middle">中风险点位标记</button>
    <button style="display: inline-block;margin: 50px" class="layui-btn" data-model="13" type="button" id="low" >低风险点位标记</button>
    <button style="display: inline-block;margin: 50px" class="pp" type="button" id="exitend" onclick="exitend()">退出</button>

  </span>



                </div>
            </div>
        </div>



        <!-- 地图容器 -->
        <div id="container" style="height: 100vh;width: 100%"></div>
        <!-- jquery -->
        <script type="text/javascript" src="js/jquery.min.js" ></script>
        <!-- 百度地图api -->
        <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=E06eb9d756d0eafc722effb355657b4c&callback=initialize"></script>

        <!-- 点聚合工具 -->
        <script type="text/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
        <!-- 点聚合工具 -->
        <script type="text/javascript" src="https://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
        <!--加载鼠标绘制工具-->
        <script type="text/javascript" src="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script>

        <script src="js/ok.js"></script>
        <script src="js/Baiduapi.js"></script>

    </div>
</content>

</body>
</html>